<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的照片合集 </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Free HTML5 Template by FREEHTML5.CO"/>
    <meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive"/>
    <meta name="author" content="FREEHTML5.CO"/>

    <!-- Facebook and Twitter integration -->
    <!--<meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content="" />
    <meta name="twitter:image" content="" />
    <meta name="twitter:url" content="" />
    <meta name="twitter:card" content="" />-->

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="shortcut icon" href="favicon.ico">

    <!-- Google Webfonts -->
    <!--<link href='http://fonts.useso.com/css?family=Roboto:400,300,100,500' rel='stylesheet' type='text/css'>-->
    <!--<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>-->
    <link href="../css/robotoFonts.css" rel="stylesheet" type="text/css">
    <link href="../css/montserratFonts.css" rel="stylesheet" type="text/css">

    <!-- Animate.css -->
    <link rel="stylesheet" href="../css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="../css/icomoon.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="../css/magnific-popup.css">
    <!-- Salvattore -->
    <link rel="stylesheet" href="../css/salvattore.css">
    <!-- Theme Style -->
    <link rel="stylesheet" href="../css/style.css">
    <!-- Modernizr JS -->
    <script src="../js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="../js/respond.min.js"></script>
    <![endif]-->

</head>
<body>

<div id="fh5co-offcanvass">
    <a href="#" class="fh5co-offcanvass-close js-fh5co-offcanvass-close">Menu <i class="icon-cross"></i> </a>
    <h1 class="fh5co-logo"><a class="navbar-brand" href="index.html">旅行的意义</a></h1>
    <ul>
        <li class="active"><a href="index.html">Home</a></li>
        <!--	<li><a href="about.html">About</a></li>
            <li><a href="pricing.html">Pricing</a></li>
            <li><a href="contact.html">Contact</a></li>-->
    </ul>
    <!--
            <h3 class="fh5co-lead">Connect with us</h3>
    -->
    <p class="fh5co-social-icons">
        <!--<a href="#"><i class="icon-twitter"></i></a>
        <a href="#"><i class="icon-facebook"></i></a>
        <a href="#"><i class="icon-instagram"></i></a>
        <a href="#"><i class="icon-dribbble"></i></a>
        <a href="#"><i class="icon-youtube"></i></a>-->
    </p>
</div>
<header id="fh5co-header" role="banner">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <a href="#" class="fh5co-menu-btn js-fh5co-menu-btn">Menu <i class="icon-menu"></i></a>
                <a class="navbar-brand" href="index.html">旅行的意义</a>
            </div>
        </div>
    </div>
</header>
<!-- END .header -->

<div class="copyrights">Collect from <a href="http://www.cssmoban.com/">手机网站模板</a></div>


<div id="fh5co-main">
    <div class="container">

        <div class="row">

            <div id="fh5co-board" data-columns>

                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_1.jpg" class="image-popup fh5co-board-img"
                           title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, eos?"><img
                                src="../images/img_1.jpg" alt="Free HTML5 Bootstrap template"></a>
                    </div>
                    <div class="fh5co-desc">纳木措的星空</div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_2.jpg" class="image-popup fh5co-board-img"><img src="../images/img_2.jpg"
                                                                                               alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">经历过理磄的凛风与骤雨后，在去巴塘时遇到了好天气。</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_3.jpg" class="image-popup fh5co-board-img"><img src="../images/img_3.jpg"
                                                                                               alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">海西县接近地平线的夕阳</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_4.jpg" class="image-popup fh5co-board-img"><img src="../images/img_4.jpg"
                                                                                               alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">遇到美景就想跳</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_5.jpg" class="image-popup fh5co-board-img"><img src="../images/img_5.jpg"
                                                                                               alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">一片花海</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_6.jpg" class="image-popup fh5co-board-img"><img src="../images/img_6.jpg"
                                                                                               alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">痞气？</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_7.jpg" class="image-popup fh5co-board-img"><img src="../images/img_7.jpg"
                                                                                               alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">苍山是一道屏障，大理是她的孩子</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_8.jpg" class="image-popup fh5co-board-img"><img src="../images/img_8.jpg"
                                                                                               alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">简直把人冷得缩成一团、、、</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_9.jpg" class="image-popup fh5co-board-img"><img src="../images/img_9.jpg"
                                                                                               alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">青海湖无限美丽的日出</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_21.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_21.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">置身美景中骑车是一种享受</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_10.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_10.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">牛背山顶清晨的冰晶</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_11.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_11.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">那间青旅叫什么来的？</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_12.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_12.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">头上有一棵草</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_13.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_13.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">你不知道我的名字</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_14.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_14.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">V8</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_15.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_15.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">她总是说我把她脸拍得很大、</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_16.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_16.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">上有天堂、下有雨崩</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_18.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_18.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">清晨川西高原上的海子</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_17.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_17.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">累了就歇一下</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_19.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_19.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">站在云海之上，人都快被冻哭了</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_20.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_20.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">那一片蓝</div>
                    </div>
                </div>

                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_22.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_22.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">总是一副自己跑得很快的样子</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_23.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_23.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">活着就是天堂</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_24.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_24.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">一下午宁静的时光</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_25.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_25.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">猪槽船，好像只有泸沽湖才有这玩意儿</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_26.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_26.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">牧羊人教堂</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_27.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_27.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">洋哥说大家一起来</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_28.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_28.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">有害健康...害健康...健康...康...</div>
                    </div>
                </div>
                <div class="item">
                    <div class="animate-box">
                        <a href="../images/img_30.jpg" class="image-popup fh5co-board-img"><img
                                src="../images/img_30.jpg" alt="Free HTML5 Bootstrap template"></a>
                        <div class="fh5co-desc">盘</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<footer id="fh5co-footer">

    <div class="container">
        <div class="row row-padded">
            <div class="col-md-12 text-center">
                <p class="fh5co-social-icons">
                    <!--<a href="#"><i class="icon-twitter"></i></a>-->
                    <!--<a href="#"><i class="icon-facebook"></i></a>-->
                    <!--<a href="#"><i class="icon-instagram"></i></a>-->
                    <!--<a href="#"><i class="icon-dribbble"></i></a>-->
                    <!--<a href="#"><i class="icon-youtube"></i></a>-->
                </p>
                <p>
                    <small>&copy; by xuyi <br></small>
                </p>
            </div>
        </div>
    </div>
</footer>


<!-- jQuery -->
<script src="../js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="../js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="../js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="../js/jquery.waypoints.min.js"></script>
<!-- Magnific Popup -->
<script src="../js/jquery.magnific-popup.min.js"></script>
<!-- Salvattore -->
<script src="../js/salvattore.min.js"></script>
<!-- Main JS -->
<script src="../js/main.js"></script>


</body>
</html>
